<template>
	<view class="content">
		<view :style="{height: globalData.statusHeight+'px'}"></view>
		<view class="header-view">
			<view :style="{
				height: globalData.toBar + 'px',
		        width: globalData.titleBarWidth + 'px',
		      }">
			  <slot></slot>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			globalData: {
				type: Object
			}
		}
	};
</script>
<style scoped lang="scss">
	.content{
		width: 100vw;
	}

	.header-view {
		z-index: 999;
	}

</style>
